{{define "mobile/ordinary/guiding.html"}}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<meta name="format-detection" content="telephone=no">
	<title>指导意见</title>
	<link rel="stylesheet" type="text/css" href="/res/mobile/css/weui.css"/>
	<link rel="stylesheet" type="text/css" href="/res/mobile/css/example.css"/>
	<link rel="stylesheet" type="text/css" href="/res/mobile/css/bootstrap.min.css" />
	<style type="text/css">
		.weui-tabbar a:active span{
			color: #07C160 !important;
		}
		.weui-tabbar a:active p{
			color: #07C160 !important;
		}
		.weui-bar__item_on span {
			color: #07C160;
		}

		.weui-tabbar__item span {
			display: inline-block;
			width: 28px;
			height: 28px;
			margin-bottom: 2px;
		}
		.glyphicon {
			font-size: 18px !important;
		}
		.weui-grids a:focus, a:hover {
			color: #337ab7;
			text-decoration: none;
		}
		.weui-panel{
			margin: 10px !important;
			border: 1px solid #bce8f1;
		}
		.weui-media-box__title{
			font-size: 15px;
			margin-bottom: 10px;
		}
		.weui-media-box__desc{
			color: #333;
			overflow: unset;
			display: inline-block;
			text-indent: 2em;
		}
		.noData{
			border: 1px solid #bce8f1;
			padding: 7em;
			text-align: center;
			background: #fff;
			margin: 20px;
			height: 90%;
		}
		.header{
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 16px;
		}
		.container{
			top: 50px !important;
		}
	</style>
</head>
<body ontouchstart>
	<div  class="header">指导意见</div>
	<div class="container" id="container">
		<div class="page tabbar js_show">
			<div class="page__bd" style="height: 100%;">
				<div class="weui-tab">
					<div class="weui-tab__panel">
						
					</div>
					<!-- 导航start -->
					{{template "mobile/ordinary/tabbar.html"}}
					<!-- 导航end -->
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="/res/mobile/js/zepto.min.js"></script>
	<script type="text/javascript" src="/res/mobile/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript" src="/res/mobile/js/weui.min.js"></script>
	<!-- <script type="text/javascript" src="/res/mobile/js/example.js"></script> -->
	<script type="text/javascript" src="/res/mobile/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" class="tabbar js_show">
		$(function(){
			$(".weui-tabbar").find("a:eq(1)").addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
			//
			$.post("/mobile/ordinary/getFeedback",{},function(r){
				if(r.code=="0"&&r.data.length>0){
					var replyHtml = '';
					var res = r.data;
					for (var i = res.length - 1; i >= 0; i--) {
						replyHtml +='<div class="weui-panel">'
						+'<div class="weui-panel__hd">指导意见</div>'
						+'<div class="weui-panel__bd">'
						+'<div class="weui-media-box weui-media-box_text">'
						+'<div class="weui-media-box__title">指导医师：<span class="guidePhysician">'+res[i]["guidePhysician"]+'</span></div>'
						+'<div class="weui-media-box__title">指导时间：<span class="replyTime">'+res[i]["replyTime"]+'</span></div>'
						+'<div class="weui-media-box__title">指导内容：</div>'
						+'<p class="weui-media-box__desc replyContent">'+res[i]["replyContent"]+'</p>'
						+'</div>'
						+'</div>'
						+'</div>'
					}
					$(".weui-tab__panel").html(replyHtml);
				}else{
					$(".weui-tab__panel").html('<div class="noData">暂无指导意见</div>');
				}
			})
		});
	</script>
</body>
</html>
{{end}}